Navigation rail 導航軌道

M2
M3
1 Container 2 Menu icon (optional) 3 Icon 4 Active indicator 5 Label text 6 Large badge label 7 (optional) 8 Large badge (optional) 9 Badge (optional)

States  狀態

1 Enabled (active)已啟用(啟用) 2 Hovered (active)懸停(啟用) 3 Focused (active)聚焦(啟用) 4 Pressed (active)按下(啟用) 5 Enabled (inactive)已啟用(非活動狀態) 6 Hovered (inactive)懸停(非活動狀態)Focused (inactive)聚焦(非活動狀態) 7 Pressed (inactive)按下(非活動狀態)
Attribute  屬性Value  值
Container width  容器寬度80dp
Container shape  容器形狀0dp corner radius  圓角
Destination item height  目標項高度56dp
Active indicator height  活動指示器高度32dp
Active indicator width  活動指示器寬度56dp
Active indicator shape  活動指示器形狀16dp corner radius 圓角半徑
Active indicator height (no destination label text)活動指示器高度（無目標標籤文字）56dp
Active indicator shape (no destination label text)活動指示器形狀（無目標標籤文字）28dp corner radius 圓角半徑
Icon size / Menu icon size圖示大小 / 選單圖示大小24dp
Badge shape  徽章形狀3dp corner radius圓角半徑
Badge size  徽章尺寸6dp
Large badge shape  大型徽章形狀8dp corner radius圓角半徑
Large badge size  大徽章尺寸16dp
Padding between edge and active indicator邊緣與活動指示符之間的填充12dp
Padding between active indicator and label text活動指示器與標籤文字之間的間距4dp
Padding between destination items目標專案之間的填充12dp

Configurations  配置

可以將懸浮操作按鈕（FAB）新增到導航欄中。在本示例中，導航項垂直居中對齊，但也可以與導航欄邊緣頂端對齊或底端對齊。

1 Default 預設 2 With a menu and FAB帶有選單和浮動操作按鈕3 With a menu 帶有選單4 With aFAB 帶有浮動操作按鈕